<!--
 * @Author: huangximian huangximian@e-ling.com.cn
 * @Date: 2022-05-23 09:04:26
 * @LastEditors: huangximian huangximian@e-ling.com.cn
 * @LastEditTime: 2022-06-06 09:20:33
 * @FilePath: \jcyy-official-website\src\views\computerSide\compents\Footer\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div class="Bottom-navigation">
    <div class="Bottom_left">
      <a href="/">
          <img src="../../../../assets/logo/logo_bottom.png" alt="" />
      </a>
    </div>
    <div class="Bottom_uilist">
      <div>
        <p class="href_a"><a href="/brandintroduction?type=1">Information</a></p>
        <ul>
          <li>Home</li>
          <li>Product</li>
          <li>Solution</li>
          <li>Contact</li>
        </ul>
      </div>
      <div>
        <p class="href_a"><a href="/rndustrialLayout?type=1">Helpful Links</a></p>
        <ul>
          <li>Destinations</li>
          <li>Supports</li>
          <li>Terms & Conditions</li>
          <li>Privacy</li>
        </ul>
      </div>
      <div>
        <p class="href_a"><a href="/hibiscusAltissima?type=1">Contact</a></p>
        <ul>
          <!-- <li>1-800-123-4567</li> -->
          <li>Admin@chargeplex.net</li>
        </ul>
      </div>
    </div>
    
  </div>
</template>
<script>
export default {};
</script>
<style scoped>
hr {
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 0px 0px 0px 0px;
  opacity: 1;
  margin-top: 4.8rem;
}
:hover {
  cursor: pointer;
}
a:hover {
  color: #34d9b8;
  text-decoration: none;
}
.Bottom-navigation {
  padding: 0px 36rem 0px 36rem;
  /* width: 100%; */
  height: 44.8rem;
  color: #fff;
  background: #F5F5F5;
  display: flex;
  align-items: center;
}
.Bottom_left {
  flex: 1;
}
.Bottom-navigation p {
  margin-top: 4.8rem;
  font-size: 1.2rem;
  font-family: Microsoft YaHei-Regular, Microsoft YaHei;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.45);
}
.Bottom_uilist {
  display: flex;
  /* justify-content: space-between; */
  /* padding-top: 4.8rem; */
}
.Bottom_uilist div {
  width: 14rem;
}

.Bottom_uilist ul li img {
  width: 11.2rem;
  height: 11.2rem;
}
.Bottom_uilist p{
  margin-bottom: 12px;
}
.href_a a{
  font-family: Montserrat;
  color: #000000;
  font-size: 18px;
  font-weight: bold;
}
ul li{
  color: #9C9C9C;
  font-size: 14px;
  margin-bottom: 12px;
}
</style>